<template>
   <div class="home">
      <mainheader title="MV"></mainheader>
      <div class="main">
         <el-tabs value="first">
           <el-tab-pane label="精选" name="first" class="myScrollBar">
               <!-- <span class="nonetext">暂无精选</span> -->
               <mvselecct></mvselecct>
           </el-tab-pane>
           <el-tab-pane label="排行榜" name="second" class="myScrollBar">
               <!-- <span class="nonetext">暂无排行榜</span> -->
               <mvrank></mvrank>
           </el-tab-pane>
           <el-tab-pane label="全部" name="third" class="myScrollBar">
               <!-- <span class="nonetext">暂无全部</span> -->
               <mvall></mvall>
           </el-tab-pane>
         </el-tabs>
      </div>
   </div>
</template>
<script>
  import mainheader from '@/components/mainheader.vue'
  import mvselecct from '@/pages/mv/mv_select.vue'
  import mvrank from '@/pages/mv/mv_rank.vue'
  import mvall from '@/pages/mv/mv_all.vue'
  export default{
    data(){
      return{
        // activeName: 'first'
      }
    },
    components:{
      mainheader,
      mvselecct,
      mvrank,
      mvall
    }
  }
</script>
<style scoped="scoped">

</style>
